:root {
	--hui: #F8FAFC;
	--bai: #FFFFFF;
	--hei: #4A4A4A;
	--hong: #CC0F35;
	--huang: #947600;
	--lv: #00947e;
	--lan: #2160c4;
	--zi: #8a51c0;
	--mhei: #363636;
	--mhong: #F14668;
	--mhuang: #ffcb00;
	--mlv: #2dce89;
	--mlan: #3273dc;
	--mzi: #ae66f3;
	--lhong: #FEECF0;
	--lhuang: #FFFBEB;
	--llv: #EBFFFC;
	--llan: #EEF3FC;
	--lzi: #f4e9ff;
	--gd: cubic-bezier(.25, .46, .45, .94);
	--yj: 4px;
	--darkmode: #eff2f7;
	--雅黑: 'Mulish', -apple-system, "PingFang SC", "Microsoft Yahei UI", "Microsoft Yahei", sans-serif;
	/*--yy: 7px 7px 15px rgba(55, 84, 170, .15), 0px 7px 20px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, .2);
	/* 0 0.5em 1em -0.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02) */
}

.DarkMode:root {
	--yy: 0.3125rem 0.3125rem 1.1875rem 0rem #000000, -0.3125rem -0.3125rem 1.125rem #000000
}

/*reset*/

*, ::after, ::before {
	box-sizing: border-box;
}

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: var(--hei);
}

.nav ul, .nav li, .ajaxcard ul, .ajaxcard li, #nav li, nav li, .bas-title li {
	list-style: none;
}

a {
	color: var(--hei);
	text-decoration: none;
	transition: .18s ease-out;
	-webkit-transition: .18s ease-out;
}

button, input, select, textarea {
	margin: 0;
}

img, video {
	height: auto;
	max-width: 100%;
}

iframe {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

td:not([align]), th:not([align]) {
	text-align: left;
}

table td, table th {
	vertical-align: top;
}

table td:not([align]), table th:not([align]) {
	text-align: left;
}

table th {
	color: #363636;
}

html {
	background-color: white;
	font-size: 16px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	min-width: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

article, aside, figure, footer, header, hgroup, section {
	display: block;
}

body, button, input, select, textarea, code, pre {
	font-family: 'Mulish', -apple-system, "PingFang SC", "Microsoft Yahei UI", "Microsoft Yahei", sans-serif
}

code, pre {
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
}

a strong {
	color: currentColor;
}

code {
	border-radius: var(--yj);
	background-color: var(--lhong);
	color: var(--mhong);
	font-size: 0.875em;
	font-weight: normal;
	padding: 0.25em 0.5em 0.25em;
}

hr {
	background-color: whitesmoke;
	border: none;
	display: block;
	height: 2px;
	margin: 1.5rem 0;
}

input[type="checkbox"], input[type="radio"] {
	vertical-align: baseline;
}

small {
	font-size: 0.875em;
}

span {
	font-style: inherit;
	font-weight: inherit;
}

strong {
	color: #363636;
	font-weight: 700;
}

fieldset {
	border: none;
}

pre code {
	background-color: transparent;
	color: currentColor;
	font-size: 1em;
	padding: 0;
}

body {
	background-color: #f6f6f6;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

.icon {
	width: 1rem;
	height: 1rem;
	margin-right: 1.5px;
	vertical-align: bottom;
}
.pt5{
	padding-top: 4.5rem;
}
/*all*/

html::-webkit-scrollbar-track-piece {
	background: #eee
}

html::-webkit-scrollbar {
	width: 8px;
	height: 6px
}

html::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cbcbcb
}

html::-webkit-scrollbar-thumb:hover {
	background-color: #bbb
}

.hand {
	cursor: pointer !important;
}

.nav-content, .card-box {
	width: calc(100% - 100px);
	max-width: 1680px;
}

.nav.haveimg, .nav.hasbg, .nav-content li:not(.dropdown) a::before, .nav-content li:hover:not(.dropdown) a::before, .haveimg .nav-content li:hover:not(.dropdown) a::before {
	transition: all 0.4s;
}

.baizi, .All_Pagination .active1 a, .All_Pagination li a:hover, .cs2-color, .cs2-color a, .haveimg .CTPlayer-control p.CTPlayer-name, .list-title, .mybox-content, .haveimg .nav-content li a, .card-title, .card-des, .card-info>.info *, .big-title, .sub-title, .sub-title li {
	color: var(--bai);
}

.heizi, .All_Pagination li a, .CTPlayer-control p.CTPlayer-name, .hasbg .CTPlayer-control p.CTPlayer-name, .cardbai .card-title, .cardbai .card-des, .cardbai.card-info>.info *, .haveimg.hasbg .nav-content li a {
	color: var(--hei);
}

.DarkMode .iziModal-content .input, .side-toolbar, .bgbai, .cardstyle, .haveimg .nav-content li:hover:not(.dropdown) a::before, .mybox, .All_Pagination li a, .Link_Box li {
	background-color: var(--bai)
}

.bghei, .haveimg.hasbg .nav-content li:hover:not(.dropdown) a::before, .nav-content li:hover:not(.dropdown) a::before {
	background-color: var(--hei)
}

.new-list-overlay-content, .cardstyle, .mybox, .Archive_notification, .All_Pagination li a, .yj {
	border-radius: var(--yj);
}

.cardstyle, .mybox, .iziToast.noshadow::after, .shadow, .All_Pagination li a {
	box-shadow: var(--yy);
}

.wenzi {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.hang1 {
	-webkit-line-clamp: 1;
}

.hang2 {
	-webkit-line-clamp: 2;
}

.hang3 {
	-webkit-line-clamp: 3;
}

/*footer*/

#footer {
	background-color: #F6F9FC;
}

.Footer_content a {
	color: var(--lan);
}

/*翻页部分*/

.page-navigator>li {
	display: none;
}

.page-navigator>.shangyiye, .page-navigator>.xiayiye {
	margin: 0 2rem;
	display: inline-block;
}

.clicknext>.next a, .clicknext>a.next {
	display: inline-block;
	background: var(--bai);
	border-radius: 100px;
	/* border: 1px solid #cad1db; */
	padding: 10px 35px;
	font-size: 15px;
	font-weight: 700;
	font-family: var(--雅黑);
	box-shadow: 0 10px 13px rgba(31, 45, 61, .1), 0 0 0 -1px rgba(32, 160, 255, .2), 0 0 0 -25px rgba(32, 160, 255, .3);
	transition: all .25s, box-shadow 0s;
	letter-spacing: 1px;
}

.clicknext>.next:hover a, .clicknext>a.next:hover {
	color: #20a0ff;
	box-shadow: 0 10px 13px rgba(32, 160, 255, .3), 0 0 0 25px rgba(32, 160, 255, 0), 0 0 0 25px rgba(32, 160, 255, 0);
	transition: all 1s, box-shadow 1s ease-out .1s;
}

.DarkMode .clicknext>.next a, .DarkMode .clicknext>a.next {
	border: 1px solid #a4a4a4;
}

.DarkMode .clicknext>.next:hover a, .DarkMode .clicknext>a.next:hover {
	border-color: #20a0ff;
}

.clicknext {
	text-align: center;
	margin: 2.5rem 0;
}

.All_Pagination {
	padding: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
}

.All_Pagination ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
}

.All_Pagination li {
	display: inline;
	margin: 0;
	padding: 0;
}

.All_Pagination li a {
	text-decoration: none;
	display: inline-block;
	transition: all .4s;
	height: 40px;
	line-height: 40px;
	margin: 15px 5px 0px 5px;
	padding: 0;
	text-align: center;
	width: 40px;
	margin-top: 10px;
}

.All_Pagination .active1 a, .All_Pagination li a:hover {
	background-color: var(--mlv);
}

/*comment*/

.comment-name .icon {
	vertical-align: sub;
	margin-left: 5px;
}

.comment-body {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.comment-body:last-of-type {
	border: none
}

#comments .comment-list .c_p>.comment-children {
	margin-left: calc(46px + 10px)
}

.avatar {
	width: 3rem;
	height: 3rem;
	box-shadow: 0px 5px 15px rgba(56, 94, 209, 0.2)
}

.comment-children .avatar {
	width: 2.5rem;
	height: 2.5rem;
}

.comment-date {
	color: var(--mhei);
}

.comment-children .six::after {
	width: 18px;
	height: 18px;
	top: 24px;
	right: 4px;
}

.six::after {
	content: "";
	display: block;
	position: absolute;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	right: 7px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-image: url();
	border: 2px solid var(--bai);
	top: 30px;
}

/*archive*/

.Archive_notification {
	background-color: whitesmoke;
}

/*post*/

.Post_content_box {
	padding: 2.5rem;
}

.Post_wysiwyg_tags {
	width: calc(100% - 65px);
}

.Post_wysiwyg_tags a {
	margin: 0 5px;
	align-items: center;
	border-radius: 4px;
	display: inline-flex;
	font-size: .75rem;
	height: 2em;
	justify-content: center;
	line-height: 1.5;
	padding-left: .75em;
	padding-right: .75em;
	white-space: nowrap
}

.Post_wysiwyg_tags a:nth-child(1n) {
	background-color: var(--llv);
	color: var(--lv)
}

.Post_wysiwyg_tags a:nth-child(2n) {
	background-color: var(--lhong);
	color: var(--hong)
}

.Post_wysiwyg_tags a:nth-child(3n) {
	background-color: var(--lhuang);
	color: var(--huang);
}

.Post_wysiwyg_tags a:nth-child(4n) {
	background-color: var(--llan);
	color: var(--lan);
}

.Post_wysiwyg_tags a:nth-child(5n) {
	background-color: var(--lzi);
	color: var(--zi);
}

.wznydbt {
	font-size: 32px;
	font-weight: 700;
}

.banquan {
	background-color: var(--hui);
	line-height: 1.5rem;
	border-radius: var(--yj);
}

.banquan .icon {
	margin-right: 6.5px;
	min-width: 1rem;
	min-height: 1rem;
}

.banquan * {
	color: #999;
	font-size: .8125rem;
	word-break: break-all;
}

.breadcrumb ul li+li::before {
	color: #b5b5b5;
	padding-right: .75rem;
	content: "\0002f";
}

.breadcrumb ul {
	margin-left: 0;
}

/*sidebar*/

#sidebar .emoji {
	height: 20px;
	width: auto;
}

.sidebar-2.affix {
	position: fixed;
	top: 85px
}

.listavatar {
	box-shadow: 0 0.125rem 1.0625rem 0 rgba(0, 0, 0, .1);
}

.listauthor, .listdate {
	color: #939393;
}

.listauthor {
	width: 48%;
}

.list-title, .card-des, .listauthor, .list-comcontent, .cs2-title a, .card-title {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.list-title, .listauthor, .list-comcontent, .cs2-title a, .card-title {
	-webkit-line-clamp: 1;
	word-break: break-word;
}

.media-content {
	background-color: rgba(120, 120, 120, 0.1);
}

.mybox-item, .mybox, .bas-title {
	word-wrap: break-word;
}

.mybox-item {
	height: 7rem;
}

.mybox {
	/* margin-bottom: 2.333rem; */
	background-clip: border-box;
}

.list-content {
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0));
}

.banner {
	min-height: 120px;
	border-top-left-radius: var(--yj);
	border-top-right-radius: var(--yj);
}

.banner::after {
	content: '';
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, var(--bai), transparent);
}
.DarkMode .banner::after{
	background: linear-gradient(to top, #1F1B24, transparent);
}
.datou {
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: rgba(255, 255, 255, .4) 4px solid;
	width: 68px;
	height: 68px;
}

/*cardstyle*/

.card_tags_text {
	/* 	position: absolute;
    top: -20px;
    z-index: 2;
	left: 30px;
	opacity: 0; */
	display: flex;
	align-items: center;
}

.ajaxcard:hover .card_tags_text {
	opacity: 1;
}

.ajaxcard:hover .card_title::before {
	transform: unset
}

.ajaxcard .card-img, .ajaxcard, .ajaxcard .mybox, .ajaxcard .card_tags_text, .ajaxcard .card_title::before {
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.card_tags_text a {
	color: #aaa;
	font-size: 11px;
	font-family: var(--雅黑);
}

.card_tags_text .dot {
	border-radius: 50%;
	height: 6px;
	margin: 0 2.5px;
	width: 6px;
	background-color: var(--mlv);
}

.card_tags_text:nth-child(2) .dot {
	background-color: var(--lan);
}

.card_tags_text:nth-child(3) .dot {
	background-color: var(--mhong);
}

.card_tags_text:nth-child(4) .dot {
	background-color: var(--mzi);
}

/* ..card_title a{
	transform: translateZ(0px);
} */

.card_title {
	min-height: 48px;
	max-height: 48px;
	position: relative;
	margin-top: 2px;
}

/* ..card_title::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url();
    top: -59px;
	left: -5%;
	transform: translateY(26px);
} */

.cuteup {
	min-height: calc(100vh - 25rem);
	-webkit-animation: float-up .5s var(--gd) both;
	animation: float-up .5s var(--gd) both;
}

@-webkit-keyframes float-up {
	0% {
		opacity: 0;
		transform: translateY(1.125rem);
		top: 1.25rem;
	}
	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes float-up {
	0% {
		opacity: 0;
		transform: translateY(1.125rem)
	}
	100% {
		opacity: 1;
		transform: none
	}
}

.card-content {
	width: calc(100%-100px);
	max-width: 1200px;
}

.cardstyle {
	line-height: 1.4;
}

.cardstyle, .card-bg-img>img, .cs1-height {
	height: 14.5rem;
}

.card-img-box {
	flex-basis: 35%;
	height: auto;
	min-width: 35%;
}

.card-bg-img>img, .mohu {
	-webkit-filter: blur(1.875rem) brightness(0.8);
	filter: blur(1.875rem) brightness(0.8);
	transform: scale(1.2);
}

.card-info {
	max-width: 60%;
	min-width: 60%;
	flex-basis: 65%;
	text-shadow: 0 0.1875rem 0.3125rem rgba(0, 0, 0, .3);
}

.card-info {
	padding-right: 1rem;
}

.alt .card-info {
	padding-left: 1rem;
}

.card-info>.info {
	zoom: 1;
}

.card-title, .card-des {
	letter-spacing: 0.0625rem;
}

.card-des {
	-webkit-line-clamp: 2;
	line-height: 1.8em;
}

.card-info.cardbai {
	text-shadow: unset;
}

.info-date {
	flex: 1;
}

.info svg {
	width: 1rem;
	height: 1rem;
	vertical-align: bottom
}

.Post_View span {
	margin-right: .25rem;
}

.alt {
	flex-direction: row-reverse;
}

.alt .zqimg {
	-webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
}

.zqimg {
	-webkit-clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
}

.alt .yqimg {
	-webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 6% 100%);
	clip-path: polygon(0 0%, 100% 0%, 100% 100%, 6% 100%)
}

.yqimg {
	-webkit-clip-path: polygon(0 0, 94% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 94% 0%, 100% 100%, 0% 100%);
}

/*navbar*/

.sj .nav.p2 {
	padding: 0.8rem 1.1rem;
}

.sj .nav.p1 {
	padding: 0.8rem;
}

.nav {
	z-index: 10;
}

.nav.haveimg.nobg {
	background-color: transparent;
	box-shadow: unset;
}

.nav-content li:not(.dropdown) a::before, .nav-content li:hover:not(.dropdown) a::before, .haveimg .nav-content li:hover:not(.dropdown) a::before {
	transform: translateX(-50%);
}

.nav-content li:not(.dropdown) a::before {
	width: 0;
	content: "";
}

.nav-content li:hover:not(.dropdown) a::before, .haveimg .nav-content li:hover:not(.dropdown) a::before {
	width: 70%;
	content: "";
	position: absolute;
	height: 3px;
	bottom: 3px;
	left: 50%;
	border-radius: 2px;
}

.CTPlayer-cover, .nav .icon {
	width: 2rem;
	height: 2rem;
}

.nav .icon i {
	line-height: 2rem;
}

.nav .dropdown>a::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.nav li>img {
	vertical-align: sub;
}

.nav .dropdown:hover .dropblur {
	opacity: 1;
	visibility: visible;
	transition: .15s var(--gd);
}

.nav-content .dropdown:hover .dropblur a::before, .nav-content li.sitetitle:hover a::before, .haveimg .nav-content .dropdown:hover .dropblur a::before, .haveimg .nav-content li.sitetitle:hover a::before {
	content: unset;
}

.nav .dropdown .dropblur {
	opacity: 0;
	visibility: hidden;
	left: -0.5rem;
	min-width: 8rem;
	box-shadow: 0 4px 12px 0 rgba(7, 17, 27, .1);
	transition: .15s var(--gd);
}

.dropdown:hover li:hover a {
	transform: translateX(0.5rem);
}

.dropblur, .nav.hasbg {
	background-color: var(--bai);
}

.haveimg.nobg .dropblur {
	background-color: rgba(28, 31, 33, 0.8);
}

.headroom {
	will-change: transform;
	transition: transform 200ms linear;
}

.headroom--pinned {
	transform: translateY(0%);
}

.headroom--unpinned {
	transform: translateY(-100%);
}

/*hero*/

.hero-title {
	-webkit-animation: float-down .5s var(--gd) both;
	animation: float-down .5s var(--gd) both;
}

.sub-title {
	font-weight: 400;
}

.big-title {
	font-size: 2.7rem;
	letter-spacing: 2px;
}

.bas-title {
	line-height: 1.67;
	text-shadow: 0 0.1875rem 0.3125rem #1c1f21
}

@-webkit-keyframes float-down {
	0% {
		opacity: 0;
		transform: translateY(-18px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes float-down {
	0% {
		opacity: 0;
		transform: translateY(-18px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.hero-img>img, .card-bg-img>img, .card-img img, .media-content, .cardstyle2-img, .banner {
	-o-object-fit: cover;
	object-fit: cover;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
}

.lazyload, .lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity .5s;
}

.hero-img img {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.hero-img {
	background-color: var(--mhei);
}

.hero-bai .hero-img::after {
	content: '';
	width: 100%;
	height: 10%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, #F6F6F6, transparent);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#ffffff, GradientType=0);
}

/*首页第二样式*/

.cs2-mask::before, .cs9-mask::before {
	content: '';
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
	overflow: hidden;
	z-index: 2;
}

.cs2-mask::after {
	content: '';
	width: 100%;
	height: 40%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
	overflow: hidden;
}

.card_img_height {
	height: 10rem;
}

/*音乐盒子*/

.CTPlayer-list .CTPlayer-list-name, .CTPlayer-list .CTPlayer-list-author, .CTPlayer-control p {
	white-space: nowrap;
	text-overflow: ellipsis
}

#CTPlayer {
	width: 155px;
}

.CTPlayer-cover.CTPlayer-pause {
	transform: translate3d(0, 0, 0);
	-webkit-animation: play 7s linear infinite;
	animation: play 7s linear infinite
}

@-webkit-keyframes play {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes play {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.playController svg.icon {
	width: 1rem;
	height: 1rem;
	background: unset;
	/* vertical-align: baseline; */
}

.playController svg.icon path, .icon.dow {
	fill: var(--hei);
}

.haveimg.nobg .playController svg.icon path, .btn:hover>.icon.dow, .btn:hover>.zan, .btn:hover>.shang, .btn:hover>.haibao {
	fill: var(--bai);
}

.zan {
	fill: var(--mhong);
}

.shang {
	fill: var(--mhuang);
}

.haibao {
	fill: var(--mlan);
}

.dow, .zan, .shang, .haibao {
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}

.CTPlayer-list {
	display: none;
	width: 250px;
	top: 50px;
	background-color: rgba(255, 255, 255, 0.8);
	max-height: 298px;
	overflow-y: auto;
	left: -40px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.CTPlayer-list li {
	height: 2rem;
	line-height: 2rem;
	cursor: pointer;
}

.CTPlayer-list li:hover {
	background-color: var(--hui)
}

.CTPlayer-list li.CTPlayer-curMusic {
	background-color: var(--hui)
}

.CTPlayer-list .CTPlayer-list-sign {
	display: none;
	width: 3px;
	height: 22px;
	top: 5px;
	background-color: var(--lan)
}

.CTPlayer-list .CTPlayer-list-index {
	color: var(--hei);
	left: 15px;
}

.CTPlayer-list .CTPlayer-list-name {
	margin-left: 24px;
	max-width: 200px;
}



.CTPlayer-list .CTPlayer-list-author {
	max-width: 107px;
}

.CTPlayer-control p {
	width: 100px;
	overflow: hidden;
}

.CTPlayer-list li.CTPlayer-curMusic .CTPlayer-list-sign {
	display: block
}

.CTPlayer-list::-webkit-scrollbar {
	width: 5px
}

.CTPlayer-list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #eee
}

.CTPlayer-list::-webkit-scrollbar-track {
	background-color: #f9f9f9
}

.CTPlayer-list-on .CTPlayer-list {
	z-index: 3000;
	display: block
}

.CTPlayer-tip-loading span {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #3498db;
	opacity: 0.5;
	border-radius: 20px;
	-webkit-animation: preloader_4 1s infinite ease-in-out;
	animation: preloader_4 1s infinite ease-in-out;
}

.CTPlayer-tip-loading span:nth-child(2) {
	left: 20px;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.CTPlayer-tip-loading span:nth-child(3) {
	left: 40px;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.CTPlayer-tip-loading span:nth-child(4) {
	left: 60px;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.CTPlayer-tip-loading span:nth-child(5) {
	left: 80px;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

@-webkit-keyframes preloader_4 {
	0% {
		opacity: 0.3;
		-webkit-transform: translateY(0px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-10px);
		background: #f1c40f;
	}
	100% {
		opacity: 0.3;
		-webkit-transform: translateY(0px);
	}
}

@keyframes preloader_4 {
	0% {
		opacity: 0.3;
		transform: translateY(0px);
	}
	50% {
		opacity: 1;
		transform: translateY(-10px);
		background: #f1c40f;
	}
	100% {
		opacity: 0.3;
		transform: translateY(0px);
	}
}

.lastMusic, .runMusic, .nextMusic, .CTPlayer-list-switch {
	margin: 0 5px;
}

/*昼夜切换*/

.Cuteen_DarkSky, .Cuteen_DarkSky:before {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 88888888
}

.Cuteen_DarkSky {
	background: linear-gradient(#feb8b0, #fef9db)
}

.Cuteen_DarkSky:before {
	transition: 2s ease all;
	opacity: 0;
	background: linear-gradient(#4c3f6d, #6c62bb, #93b1ed)
}

.DarkMode .Cuteen_DarkSky:before {
	opacity: 1
}

.Cuteen_DarkPlanet {
	z-index: 99999999;
	position: fixed;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	-webkit-animation: CuteenPlanetMove 2s cubic-bezier(.7, 0, 0, 1);
	animation: CuteenPlanetMove 2s cubic-bezier(.7, 0, 0, 1);
	transform-origin: center bottom
}

@-webkit-keyframes CuteenPlanetMove {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes CuteenPlanetMove {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.Cuteen_DarkPlanet svg {
	position: absolute;
	left: 35%;
	top: 40%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	content: "";
	/* background: linear-gradient(#fefefe, #fffbe8) */
}

/*归档*/

.allpost .accordion-thumb, .allpost .open .accordion-thumb.lastyj, .allpost .accordion-panel {
	border-radius: unset;
}

.allpost .accordion-thumb.lastyj, .allpost .lastyj+.accordion-panel, .xyj {
	border-bottom-right-radius: var(--yj);
	border-bottom-left-radius: var(--yj);
}

.allpost .accordion-thumb.firstyj, .syj {
	border-top-right-radius: var(--yj);
	border-top-left-radius: var(--yj);
}

.archive-title .linkopen {
	opacity: 0;
	transition: all var(--gd) 0.2s;
}

.archive-title:hover .linkopen {
	opacity: 1;
	transition: all var(--gd) 0.2s;
}

/*友情链接*/

.Link_Box li a h4:hover {
	color: var(--lan)
}

.Link_Box li, .Link_Box li img {
	list-style: none;
	transition: all var(--gd) 0.2s;
}

.Link_Box li:hover {
	background: var(--llan);
}

.Link_Box li a h4, .Link_Box li a p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.Link_Box img {
	border: 1px solid var(--hei);
	width: 60px;
	height: 60px;
}

/*搜索*/

#searchbox input {
	border-radius: 10rem;
	margin-bottom: unset;
}

/*捐赠*/

.donate_button svg.donateactive {
	border: 1px solid var(--mlan);
}

.donate_button svg {
	width: 2rem;
	height: 2rem;
}

.donate_box img {
	width: 12.5rem;
	height: 12.5rem;
	display: none;
}

.donate_box img:first-child {
	display: block;
}

/*置顶*/

.top-mask {
	background-color: rgba(0, 0, 0, .35);
}

.top-title>*, .top-title>a>* {
	opacity: 0;
	transform: translateY(1.5625rem);
	transition: all .5s;
}

.tns-slide-active[id] .top-title>*, .tns-slide-active[id] .top-title>a>*, [id=tns1-item1]+.tns-slide-active .top-title>*, [id=tns1-item1]+.tns-slide-active .top-title>a>* {
	opacity: 1;
	transform: none;
}

.top-title>a>*:nth-child(1) {
	transition-delay: 0.2s;
}

.top-title>*:nth-child(2) {
	transition-delay: 0.3s;
}

.top-title>*:nth-child(3) {
	transition-delay: 0.4s;
}

.top-title>*:nth-child(4) {
	transition-delay: 0.5s;
}

.tns-nav {
	right: 20px;
	width: 11px !important;
	left: auto !important;
	top: 50%;
	bottom: auto !important;
	transform: translateY(-50%);
	position: absolute;
	z-index: 4;
}

.tns-nav [aria-controls] {
	margin: 8px 0;
}

.tns-nav [aria-controls] {
	width: 11px;
	height: 11px;
	display: block;
	border-radius: 10px;
	background: #062744;
	opacity: 0.2;
	transition: all .3s;
}

.tns-nav [aria-controls].tns-nav-active {
	opacity: 1;
	background: #fff;
	height: 20px;
	box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

.top-flag {
	display: inline-block;
	text-align: center;
	width: 280px;
	line-height: 20px;
	position: absolute;
	top: 20px;
	right: -110px;
	z-index: 2;
	overflow: hidden;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	border: 1px dashed;
	box-shadow: 0 0 0 1px #fff, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);
	background-color: #eef3fc;
	color: #2160c4;
	font-size: 12px
}

/*右下角*/

#RightDownBtn {
	right: 30px;
	bottom: 30px;
	transition: 0.3s ease all;
}

#RightDownBtn>a, #RightDownBtn>label {
	width: 1.5em;
	height: 1.5em;
	margin: 5px 0;
	transition: .2s cubic-bezier(.25, .46, .45, .94);
}

/*toc*/

#post-menu {
	width: 17.5rem;
	background-color: var(--bai);
	opacity: 1;
}

#post-menu {
	right: -18.125rem;
	z-index: 4;
}

#post-menu, #mobile_menu, #RightDownBtn, #pjax, #site-navigation, #nav, .side-toolbar, .mobfl .mobzk i {
	transition: 0.5s ease all;
}

.rightopen #post-menu, .rightopen #RightDownBtn {
	transform: translateX(-18.125rem);
}

.rightopen .right-mask, .mobile-nav-open .left-mask {
	display: block;
	touch-action: none;
}

.right-mask, .left-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	z-index: 2;
	opacity: .5;
	transition: .2s cubic-bezier(.25, .46, .45, .94);
	display: none;
}

.rightopen #pjax {
	width: calc(100% - 260px);
}

#pjax {
	width: calc(100% - 0px);
}

#MENU {
	list-style: none;
	margin: 0;
	padding: 10rem 0em 1rem 1rem;
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 17.5rem;
}

#MENU::-webkit-scrollbar {
	display: none;
}

#MENU::before {
	content: "Contents";
	position: absolute;
	left: 0;
	top: 3.6em;
	line-height: 60px;
	height: 60px;
	width: 100%;
	font-size: 25px;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	color: var(--hei);
	box-sizing: border-box;
}

.toc {
	overflow-y: auto
}

.toc>.toc-list {
	overflow: hidden;
	position: relative
}

.toc>.toc-list li {
	list-style: none
}

.toc-list {
	margin: 0;
	padding-left: 10px;
	list-style: none;
	line-height: 2.1;
}

.toc-list-item a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 100%;
}

a.toc-link {
	color: currentColor;
	height: 100%
}

.is-collapsible {
	max-height: 1000px;
	overflow: hidden;
	transition: all 300ms ease-in-out
}

.is-collapsed {
	max-height: 0
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	font-weight: 900;
}

.is-active-link::before {
	content: "";
	background-color: var(--llv);
	display: block;
	height: 2.1rem;
	left: 0;
	position: absolute;
	width: calc(100% + 1rem);
	border-left: 2px solid var(--lv);
	z-index: -1;
	box-sizing: border-box;
}

.is-active-li>a {
	color: var(--lv);
}

h2:focus, h3:focus, h4:focus, h5:focus {
	outline: none;
}

#comments:before {
	content: '';
	width: 10px;
	position: relative;
	padding-top: 150px;
	margin-top: -150px;
	display: block;
}

.cardstyle2-text {
	line-height: 1.8;
	letter-spacing: 1px;
	/* 	max-height: 4.375rem;
	min-height: 4.375rem; */
}

/*响应式-移动端mobile*/

#nav {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 6.25rem;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	background: var(--bai);
}

#nav, .side-toolbar {
	left: -17.5rem;
	width: 17.5rem;
}

.side-toolbar {
	height: 3.625rem;
	padding-bottom: env(safe-area-inset-bottom);
	box-shadow: 0px 5px 15px rgba(56, 94, 209, 0.2);
}

#site-navigation {
	transform: translateX(0);
}

.leftopen #site-navigation, .leftopen+#pjax {
	transform: translateX(17.5rem);
}

.Nav_mobile_content {
	min-height: 8rem;
}

.Nav_mobile_logo {
	width: 6rem;
	height: 6rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-shadow: 0px 5px 15px rgba(56, 94, 209, 0.2);
}

.mobzkcon {
	display: none;
	background-color: var(--hui);
}

.mobfl.active .mobzk .fa-angle-right {
	transform: rotate(90deg);
}

.mobfl.active {
	background-color: var(--llan);
}

.mobile-nav-open .nav.nobg {
	background-color: var(--bai);
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 1px;
}

@media (max-width: 800px) {
	.CTPlayer-list {
		width: 250px;
		top: -310px;
		min-height: 298px;
		left: -45px;
		box-shadow: var(--yy);
	}
	.mobile-nav-open .haveimg.nobg i, .mobile-nav-open .haveimg.nobg .sitetitle a, .rightopen .haveimg.nobg i, .rightopen .haveimg.nobg .sitetitle a {
		color: var(--hei);
	}
	.haveimg.nobg i, .haveimg.nobg .sitetitle a {
		color: var(--bai);
	}
	#RightDownBtn {
		right: 5px;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.card-box {
		width: 98%;
	}
	.card-title {
		font-size: 20px;
	}
	.cardstyle, .cs1-height {
		height: 10.5rem;
	}
	.card-info {
		max-width: 100%;
		flex-basis: 100%;
		padding-right: unset;
	}
	.Post_View {
		max-width: 50%;
	}
	.clicknext {
		margin: 2rem 0;
	}
	.top-flag {
		width: 100px;
		top: 13px;
		right: -31px;
	}
	.tns-nav {
		right: 10px;
		top: 60%;
	}
	.nav {
		box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 1px;
	}
	.Post_content_box {
		padding: 15px;
	}
	.wznydbt {
		font-size: 25px;
	}
	.big-title {
		font-size: 1.5rem;
	}
	#comments .comment-list .c_p>.comment-children {
		margin-left: calc(8px + 10px);
	}
	.rightopen #RightDownBtn {
		transform: translateX(-18.125rem);
	}
	#qjcbl, #sidebar {
		display: none;
	}
	bilibili>iframe {
		height: auto;
	}
}

/*高亮*/

.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: #1E1E1E;
	color: #DCDCDC;
}

.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name {
	color: #569CD6;
}

.hljs-link {
	color: #569CD6;
	text-decoration: underline;
}

.hljs-built_in, .hljs-type {
	color: #4EC9B0;
}

.hljs-number, .hljs-class {
	color: #B8D7A3;
}

.hljs-string, .hljs-meta-string {
	color: #D69D85;
}

.hljs-regexp, .hljs-template-tag {
	color: #9A5334;
}

.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula {
	color: #DCDCDC;
}

.hljs-comment, .hljs-quote {
	color: #57A64A;
	font-style: italic;
}

.hljs-doctag {
	color: #608B4E;
}

.hljs-meta, .hljs-meta-keyword, .hljs-tag {
	color: #9B9B9B;
}

.hljs-variable, .hljs-template-variable {
	color: #BD63C5;
}

.hljs-attr, .hljs-attribute, .hljs-builtin-name {
	color: #9CDCFE;
}

.hljs-section {
	color: gold;
}

.hljs-emphasis {
	font-style: italic;
}

.hljs-strong {
	font-weight: bold;
}

.hljs-bullet, .hljs-selector-tag, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo {
	color: #D7BA7D;
}

.hljs-addition {
	background-color: #144212;
	display: inline-block;
	width: 100%;
}

.hljs-deletion {
	background-color: #600;
	display: inline-block;
	width: 100%;
}

pre.hljs-codeblock:before {
	content: "";
	position: absolute;
	background: url() no-repeat;
	background-position-y: center;
	top: 22px;
	left: 20px;
	height: 14px;
	width: 54px;
	margin-left: 5px;
	display: block;
}

pre.hljs-codeblock.hljs-break-line .hljs-control-toggle-break-line:before {
	content: "\5173\95ed\6298\884c";
}

.hljs-control-toggle-break-line:before {
	content: "\5f00\542f\6298\884c";
}

pre.hljs-codeblock.hljs-break-line .hljs-ln-code {
	line-break: anywhere;
	white-space: break-spaces;
}

pre.hljs-codeblock {
	overflow: visible;
	position: relative;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}

pre.hljs-codeblock:hover .hljs-control {
	opacity: .4;
}

pre.hljs-codeblock .hljs-control {
	position: absolute;
	top: 16px;
	right: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	transition: all .2s ease;
	white-space: nowrap;
}

.hljs-control .hljs-control-btn {
	display: inline-block;
	opacity: .8;
	transition: all .2s ease;
	cursor: pointer;
	margin-left: 15px;
	width: 12px;
	position: relative;
}

.hljs-control-btn:hover:before {
	opacity: 1;
	top: 25px;
}

.hljs-control-copy:before {
	content: "\590d\5236";
}

.hljs-control-btn:before {
	position: absolute;
	top: 22px;
	left: -40px;
	width: 92px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease;
	font-size: 12px;
	font-family: sans-serif;
}

.hljs-ln-code {
	padding-left: 30px !important;
	transition: all .3s ease;
}

.hljs-ln tbody tr {
	background-color: inherit;
}

.hljs th, .hljs td {
	border: unset;
}

.hljs-codeblock, code[hljs-codeblock-inner] {
	font-family: Hack, consolas, sans-serif, monospace !important;
}

.hljs-ln-numbers:before {
	content: '';
	position: absolute;
	left: -20px;
	width: 20px;
	height: 100%;
	background: inherit;
}

.hljs-ln {
	border-collapse: collapse;
}

.hljs-ln-numbers {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	vertical-align: top;
	padding-right: 12px !important;
	position: absolute;
	left: 20px;
	width: 30px;
	overflow-x: visible !important;
	transition: all .3s ease;
	background: #1F1F1F;
}

.duta table.hljs-ln>tbody>tr>td, .duta table.hljs-ln>tbody>tr>th, .duta table.hljs-ln>tfoot>tr>td, .duta table.hljs-ln>tfoot>tr>th, .duta table.hljs-ln>thead>tr>td, .duta table.hljs-ln>thead>tr>th {
	padding: unset;
	vertical-align: unset;
	border: unset;
}

code[hljs-codeblock-inner] {
	line-height: 1.5;
	font-size: 16px;
	border-radius: 100px;
	padding: 22px 20px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	padding-top: 55px;
}

/*pjax*/

.nanobar .bar {
	margin: 0 auto;
	border-radius: var(--yj);
}

.bar {
	background: #38f;
	height: 2px;
	box-shadow: 0 0 10px #59d;
}

.MathJax {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

/*loading*/

#page-loading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--darkmode);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0.8;
}

#page-loading .circle {
	position: relative;
	width: 100px;
	height: 100px;
}

#page-loading .circle:after, #page-loading .circle:before {
	content: "";
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(32, 160, 255, .4);
	-webkit-animation: loading-scale 1.25s linear infinite;
	animation: loading-scale 1.25s linear infinite;
}

#page-loading .circle:after {
	width: 80px;
	height: 80px;
	top: 10px;
	left: 10px;
	background: rgba(32, 160, 255, .6);
	-webkit-animation: loading-scale 1.25s ease-out -.7s infinite;
	animation: loading-scale 1.25s ease-out -.7s infinite;
}

@-webkit-keyframes loading-scale {
	0% {
		transform: scale(0);
		opacity: 1
	}
	64% {
		transform: scale(1);
		opacity: .2
	}
	85% {
		transform: scale(.85);
		opacity: 0
	}
	to {
		transform: scale(.85);
		opacity: 0
	}
}

@keyframes loading-scale {
	0% {
		transform: scale(0);
		opacity: 1
	}
	64% {
		transform: scale(1);
		opacity: .2
	}
	85% {
		transform: scale(.85);
		opacity: 0
	}
	to {
		transform: scale(.85);
		opacity: 0
	}
}

.ajaxcard:hover {
	transform: translateY(-5px);
}

.ajaxcard:hover .card-img:not(.p2) {
	transform: scale(1.05) rotate(1deg);
}


.ajaxcard:hover .mybox {
	box-shadow: 0 34px 20px -24px rgba(136, 161, 206, 0.3);
}

bilibili>iframe {
	width: 100%;
	height: 550px;
}

/*dark mode*/

.DarkMode .CTPlayer-list .CTPlayer-list-index,.DarkMode .CTPlayer-control p.CTPlayer-name, .DarkMode h1, .DarkMode h2, .DarkMode h3, .DarkMode h4, .DarkMode h5, .DarkMode h6, .DarkMode strong, .DarkMode table th, .DarkMode html, .DarkMode body, .DarkMode p, .DarkMode ol, .DarkMode ul, .DarkMode li, .DarkMode dl, .DarkMode dt, .DarkMode dd, .DarkMode blockquote, .DarkMode figure, .DarkMode fieldset, .DarkMode legend, .DarkMode textarea, .DarkMode pre, .DarkMode iframe, .DarkMode .h1, .DarkMode .h2, .DarkMode .h3, .DarkMode .h4, .DarkMode .h5, .DarkMode .h6, .DarkMode .bold, .DarkMode .input:not(#searchNameAccept), .DarkMode a, .DarkMode #MENU::before, .DarkMode .mobile-nav-open .haveimg.nobg i, .DarkMode .mobile-nav-open .haveimg.nobg .sitetitle a, .DarkMode .Footer_content p, .DarkMode .haveimg.hasbg .nav-content li a, .DarkMode .card-title, .DarkMode .card-des, .DarkMode .card-info>.info *, .DarkMode .wznydbt, .DarkMode .All_Pagination li a, .DarkMode .tabs-wrap label, .DarkMode .top-mask .cs2-color, .DarkMode .top-mask .cs2-color * {
	color: rgba(255, 255, 255, 0.8);
}

.DarkMode .playController svg.icon path {
	fill: rgba(255, 255, 255, 0.8);
}

.DarkMode darkb-text, .DarkMode darkb-text * {
	color: #3e3e3e;
}

.DarkMode .CTPlayer-list,.DarkMode .CTPlayer-list li.CTPlayer-curMusic,.DarkMode .Link_Box li, .DarkMode body, .DarkMode .banquan, .DarkMode hr, .DarkMode textarea, .DarkMode .All_Pagination li a, .DarkMode .input, .DarkMode .tabs-wrap label, .DarkMode .is-active-link::before, .DarkMode #nav, .DarkMode .duta tbody tr {
	background-color: #121212;
}

.DarkMode .CTPlayer-list::-webkit-scrollbar-thumb,.DarkMode .CTPlayer-list li:hover,.DarkMode .clicknext>a.next, .DarkMode .clicknext>.next a, .DarkMode hr, .DarkMode .OwO .OwO-body .OwO-items .OwO-item, .DarkMode blockquote, .DarkMode .duta thead tr, .DarkMode .duta tfoot tr, .DarkMode .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active, .DarkMode .dropblur, .DarkMode darkb-text, .DarkMode .tabs-item.active, .DarkMode .tabs-content, .DarkMode .tabs-wrap, .DarkMode .mobfl.active, .DarkMode code, .DarkMode pre {
	background-color: #3e3e3e;
}

.DarkMode .side-toolbar, .DarkMode .OwO.OwO-open .OwO-body, .DarkMode .nav, .DarkMode #footer, .DarkMode .cardstyle, .DarkMode .mybox, .DarkMode .bgbai, .DarkMode .Archive_notification, .DarkMode #post-menu, .DarkMode .mobile-nav-open .nav.nobg, .DarkMode .mobzkcon {
	background-color: #1F1B24;
}

.DarkMode blur-text, .DarkMode blur-text * {
	text-shadow: var(--bai) 0px 0px 10px;
}

.DarkMode .accordion, .DarkMode .message, .DarkMode .progress, .DarkMode .Post_wysiwyg_tags {
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

.DarkMode .hero-bai .hero-img::after {
	background: linear-gradient(to top, #121212, transparent);
}

.DarkMode .hero-img img {
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}

.DarkMode code {
	color: #ff7e7e;
}

.DarkMode .duta th, .DarkMode .duta td {
	border: 1px solid #909090;
}